<template>
  <Layout>
    <PageHeaderNew :items="items"></PageHeaderNew>
    <div class="row">
      <div class="col-md-12">
        <div class="card">
          <div class="card-body">
            <div style="display: flex;">
              <div class="col-lg-6">
                <div class="form-group row">
                  <div class="group_k">用户帐号:</div>
                  <div class="group_v">stonedt_user</div>
                </div>
              </div>
              <div class="col-lg-6">
                <div class="form-group row">
                  <div class="group_k">帐号权限:</div>
                  <div class="group_v">开发者</div>
                </div>
              </div>
            </div>
            <div style="display: flex;">
              <div class="col-lg-6">
                <div class="form-group row">
                  <b-button variant="secondary">修改密码</b-button>
                </div>
              </div>
              <div class="col-lg-6">
                <div class="form-group row">
                  <div class="group_k">加入时间:</div>
                  <div class="group_v">2021-09-12</div>
                </div>
              </div>
            </div>
            <div>
              <b-button variant="primary">确认</b-button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </Layout>
</template>
<script>
import Layout from "../../layouts/main";
import PageHeaderNew from "@/components/page-header-new";
export default {
  components: {
    Layout,
    PageHeaderNew,
  },
  data () {
    return {
      items: [
        {
          text: "用户管理",
          url: "/user",
        },{
          text: "用户中心",
          url: "",
        }
      ],
    }
  }
}
</script>
<style lang="scss" scoped>
.butn{
  ::v-deep .btn{
    background-color: #252b3b;
    border-color: #252b3b;
    border-radius: 30px;
    display: flex;
    align-items: center;
  }
  ::v-deep .btn-secondary.focus {
    box-shadow: 0 0 0 0.15rem rgb(37 40 58 / 50%);
  }
}
.group_k{
  margin-right: 10px;
}
</style>
